<!--
 * @Author: Leo.wang wanglizhigs@163.com
 * @Date: 2024-01-30 15:57:33
 * @LastEditors: Leo.wang wanglizhigs@163.com
 * @LastEditTime: 2024-01-30 16:20:16
 * @FilePath: /tuberculosis_screening_app/src/modules/PPD/src/add_result.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>
    <PatientCardSimple class="card m_sm"></PatientCardSimple>
    <van-form>
      <van-field name="radio">
        <template #input>
          <van-radio-group v-model="checked">
            <van-radio class="py_xs" name="1">无结核相关异常</van-radio>
            <van-radio class="py_xs" name="2">疑似结核</van-radio>
          </van-radio-group>
        </template>
      </van-field>
      <van-field
        v-model="username"
        name="CT编号"
        label="CT编号"
        placeholder="CT编号"
        input-align="right"
        :rules="[{ required: true, message: '请填写CT编号' }]"
      />
      <van-field name="uploader" label="上传附件">
        <template #input>
          <van-uploader v-model="value" max-count="1" />
        </template>
      </van-field>

      <div style="margin: 16px">
        <van-button block type="primary" native-type="submit">
          保存
        </van-button>
      </div>
    </van-form>
  </div>
</template>

<script>
import { defineComponent } from 'vue';
import PatientCardSimple from '@/components/common/PatientCardSimple.vue';
export default defineComponent({
  name: 'Center',
  components: {
    PatientCardSimple,
  },
  setup() {
    return {};
  },
});
</script>

<style lang="scss">
@import '@/styles/variables.scss';
.card {
  background: rgb(242, 250, 253);
  padding: map-get($spaces, sm);
  border-radius: map-get($radii, default);
}

</style>

